
.p-home-index{
    
    .m-main {
        display: flex;
        justify-content: space-between;
    }

    .m-left {
        flex-grow: 1;
        padding: 0 20px 20px;
    }

    .m-rightBar {
        flex-shrink: 0;
        box-sizing: border-box;
        padding: 10px 20px 0 20px;
        width: 210px;
        border-left: 1px solid #e7e7eb;
    }

    .m-rightBar .m-media {
        margin-top: 20px;
        border: 1px solid #e7e7eb;
        border-top-width: 0;
    }

    .m-rightBar .m-media li {
        border-top: 1px solid #e7e7eb;
        list-style-type: none;
    }
    .u-text-item {
        margin: 24px 0;
    }

    .u-text-item input {
        border: none;
        width: 100%;
        color: #222;
    }

    .u-text-item input::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #999;
    }

    .u-text-item input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #999;
    }

    .u-text-item input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #999;
    }

    .u-text-item input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #999;
    }

    .u-text-item.title input {
        height: 46px;
        font-size: 22px;
        line-height: 46px;
    }

    .u-text-item.author input {
        height: 22px;
        font-size: 14px;
        line-height: 22px;
    }

    .tpl_list {
        border: 1px solid #e7e7eb;
        border-top-width: 0;
        margin-top: 20px;
    }

    .tpl_item {
        border-top: 1px solid #e7e7eb;
        background-color: #fff;
        text-align: left;
        padding-left: 20px;
        line-height: 50px;
        cursor: pointer;
        list-style-type: none;
    }

    .tpl_item .icon_media_choose {
        width: 22px;
        height: 22px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 1em
    }

    .tpl_item.img .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -132px no-repeat
    }

    .tpl_item.video .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -158px no-repeat
    }

    .tpl_item.audio .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -184px no-repeat
    }

    .tpl_item.cardticket .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -210px no-repeat
    }

    .tpl_item.music .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -236px no-repeat
    }

    .tpl_item.vote .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -262px no-repeat
    }

    .tpl_item.shopcard .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -288px no-repeat
    }

    .tpl_item.topic .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -314px no-repeat
    }

    .tpl_item.ad .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -340px no-repeat
    }

    .tpl_item.weapp .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -366px no-repeat
    }

    .tpl_item.disabled {
        color: #d9dadc;
        background: #fafafa
    }

    .tpl_item.disabled.ad .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -392px no-repeat
    }

    .tpl_item.disabled.ad:hover .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -418px no-repeat
    }

    .tpl_item.disabled.img .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -444px no-repeat
    }

    .tpl_item.disabled.img:hover .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -470px no-repeat
    }

    .tpl_item.disabled.video .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -496px no-repeat
    }

    .tpl_item.disabled.video:hover .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -522px no-repeat
    }

    .tpl_item.disabled.audio .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -548px no-repeat
    }

    .tpl_item.disabled.audio:hover .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -574px no-repeat
    }

    .tpl_item.disabled.vote .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -600px no-repeat
    }

    .tpl_item.disabled.vote:hover .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -626px no-repeat
    }

    .tpl_item.disabled.cardticket .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -652px no-repeat
    }

    .tpl_item.disabled.cardticket:hover .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -678px no-repeat
    }

    .tpl_item.disabled.weapp .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -704px no-repeat
    }

    .tpl_item.disabled.weapp:hover .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -730px no-repeat
    }

    .tpl_item.disabled:hover {
        border: 1px solid #e7e7eb;
        color: #d9dadc
    }

    .tpl_item:hover {
        border: 1px solid #43b548;
        margin: 0 -1px -1px;
        position: relative;
        z-index: 1;
        color: #43b548;
        zoom: 1
    }

    .tpl_item:hover.img .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -756px no-repeat
    }

    .tpl_item:hover.video .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -782px no-repeat
    }

    .tpl_item:hover.audio .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -808px no-repeat
    }

    .tpl_item:hover.cardticket .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -834px no-repeat
    }

    .tpl_item:hover.music .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -860px no-repeat
    }

    .tpl_item:hover.vote .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -886px no-repeat
    }

    .tpl_item:hover.shopcard .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -912px no-repeat
    }

    .tpl_item:hover.topic .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -938px no-repeat
    }

    .tpl_item:hover.ad .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -964px no-repeat
    }

    .tpl_item:hover.weapp .icon_media_choose {
        background: url(./images/appmsg_icon.png) 0 -990px no-repeat
    }
}